<!--
 售后部前台维修信息
 -->
<template>
  <div>
    <el-form :model="form" :inline="true" label-width="100px">
      <el-row>
        <el-col :span="4.5">
          <el-form-item label="选择售后人员" prop="userId">
            <el-select v-model="form.userId" placeholder="请选择">
              <el-option v-for="item in shouhou" :key="item.id" :label="item.name" :value="item.id">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <div class="block" style="margin-left: 20px;">
          <span class="demonstration">选择时间范围</span>
          <el-date-picker
            v-model="value1"
            type="datetimerange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期">
          </el-date-picker>
        <el-button type="primary" :disabled="!form.userId||!this.value1"  @click="saveC" :loading="loging">查询</el-button>
        </div>
      </el-row>
    </el-form >
    <div v-if="none">

    <el-table :data="tableData" border style="width: 100%" :header-cell-style="headClass" :cell-style="rowClass">
      <el-table-column prop="jinChangTaiCiHeJi" label="进厂台次合计" ></el-table-column>
      <el-table-column prop="baoYangJinChangTaiCi" label="保养进厂台次" ></el-table-column>
      <el-table-column prop="jiDianJinChangTaiCi" label="机电进厂台次" ></el-table-column>
      <el-table-column prop="banPenJinChangTaiCi" label="钣喷进厂台次" ></el-table-column>
      <el-table-column prop="xiMeiJinChangTaiCi" label="洗美进厂台次" ></el-table-column>
      <el-table-column prop="baoXianShiGuCheJinChangTaiCi" label="保险事故车台次" ></el-table-column>
      <el-table-column prop="suoPeiAndZhaoHuiNums" label="索赔&召回台次" ></el-table-column>
      <el-table-column prop="mianJianJinChangNums" label="免费检查台次" ></el-table-column>
      <el-table-column prop="xinCheZhunBeiNums" label="新车准备台次" ></el-table-column>
      <el-table-column prop="baoYangJinChangZhanBi" label="保养进厂占比" ></el-table-column>
    </el-table>
    <el-table :data="tableData" border style="width: 100%" :header-cell-style="headClass" :cell-style="rowClass">
      <el-table-column prop="jiDianJinChangZhanBi" label="机电进厂占比" ></el-table-column>
      <el-table-column prop="banPenJinChangZhanBi" label="钣喷进厂占比" ></el-table-column>
      <el-table-column prop="xiMeiJinChangZhanBi" label="洗美进厂占比" ></el-table-column>
      <el-table-column prop="baoXianShiGuJinChangZhanBi" label="保险事故车进厂占比" ></el-table-column>
      <el-table-column prop="suoPeiAndZhaoHuiJinChangZhanBi" label="索赔&召回占比" ></el-table-column>
      <el-table-column prop="mianJianZhanBi" label="免费检查进厂占比" ></el-table-column>
      <el-table-column prop="xinCheZhunBeiZhanBi" label="新车准备台次占比" ></el-table-column>
      <el-table-column prop="peiJianShouRuZongJi" label="配件收入合计" ></el-table-column>
      <el-table-column prop="baoYangPeiJianPrice" label="保养配件收入" ></el-table-column>
      <el-table-column prop="jiDianPeiJianPrice" label="机电配件收入" ></el-table-column>
    </el-table>
    <el-table :data="tableData" border style="width: 100%" :header-cell-style="headClass" :cell-style="rowClass">
      <el-table-column prop="banPenPeiJianPrice" label="钣喷配件收入" ></el-table-column>
      <el-table-column prop="xiMeiPeiJianPrice" label="洗美配件收入" ></el-table-column>
      <el-table-column prop="baoXianShiGuChePeiJian" label="保险事故车配件收入" ></el-table-column>
      <el-table-column prop="suoPeiPeiJian" label="索赔&召回配件收入" ></el-table-column>
      <el-table-column prop="xinCheZhunBeiPeiJian" label="新车准备配件收入" ></el-table-column>
      <el-table-column prop="gongShiShouRuZongJi" label="工时收入合计" ></el-table-column>
      <el-table-column prop="baoyangGongshiShouRu" label="保养工时收入" ></el-table-column>
      <el-table-column prop="jiDianGongshiShouRu" label="机电工时收入" ></el-table-column>
      <el-table-column prop="banPenGongshiShouRu" label="钣喷工时收入" ></el-table-column>
      <el-table-column prop="xiMeiGongshiShouRu" label="洗美工时收入" ></el-table-column>
    </el-table>
    <el-table :data="tableData" border style="width: 100%" :header-cell-style="headClass" :cell-style="rowClass">
      <el-table-column prop="baoXianShiGuCheGongShi" label="保险事故车工时收入" ></el-table-column>
      <el-table-column prop="suoPeiGongShi" label="索赔&召回工时收入" ></el-table-column>
      <el-table-column prop="xinCheZhunBeiGongShi" label="新车准备工时收入" ></el-table-column>
      <el-table-column prop="ShouHouWeiXiuShouRuHeJi" label="售后维修收入合计" ></el-table-column>
      <el-table-column prop="baoYangHeJi" label="保养收入合计" ></el-table-column>
      <el-table-column prop="jiDianHeJi" label="机电收入合计" ></el-table-column>
      <el-table-column prop="banPenHeJi" label="钣喷收入合计" ></el-table-column>
      <el-table-column prop="xiMeiHeJi" label="洗美收入合计" ></el-table-column>
      <el-table-column prop="baoXianShiGuCheHeJi" label="保险事故车收入合计" ></el-table-column>
      <el-table-column prop="suoPeiZhaoHuiShouRuHeJi" label="索赔&召回收入合计" ></el-table-column>
    </el-table>
    <el-table :data="tableData" border style="width: 100%" :header-cell-style="headClass" :cell-style="rowClass">
      <el-table-column prop="xinCheZhunBeiShouRuHeji" label="新车准备收入合计" ></el-table-column>
      <el-table-column prop="baoYangShouRuZhanBi" label="保养收入占比" ></el-table-column>
      <el-table-column prop="jiDianShouRuZhanBi" label="机电收入占比" ></el-table-column>
      <el-table-column prop="banPenShouRuZhanBi" label="钣喷收入占比" ></el-table-column>
      <el-table-column prop="xiMeiShouRuZhanBi" label="洗美收入占比" ></el-table-column>
      <el-table-column prop="baoXianShiGuCheShouRuZhanBi" label="保险事故车收入占比" ></el-table-column>
      <el-table-column prop="suoPeiZhaoHuiShouRuZhanBi" label="索赔&召回收入占比" ></el-table-column>
      <el-table-column prop="xinCheZhunBeiShouRuZhanBi" label="新车准备收入占比" ></el-table-column>
      <el-table-column prop="peiJianShouRuZhanBi" label="配件收入占比" ></el-table-column>
      <el-table-column prop="gongShiShouRuZhanBi" label="工时收入占比" ></el-table-column>
    </el-table>


    <el-table :data="tableData" border style="width: 100%" :header-cell-style="headClass" :cell-style="rowClass">
      <el-table-column prop="peiJianChenBen" label="配件成本合计" ></el-table-column>
      <el-table-column prop="gongShiChengBen" label="工时成本合计" ></el-table-column>
      <el-table-column prop="peiJianMaoLi" label="配件毛利合计" ></el-table-column>
      <el-table-column prop="gongShiMaoLi" label="工时毛利合计" ></el-table-column>
      <el-table-column prop="weiXiuChengBen" label="维修成本合计" ></el-table-column>
      <el-table-column prop="weiXiuMaoLi" label="维修毛利合计" ></el-table-column>
      <el-table-column prop="peiJianMaoLiLv" label="配件毛利率" ></el-table-column>
      <el-table-column prop="gongShiMaoLiLv" label="工时毛利率" ></el-table-column>
      <el-table-column prop="weiXiuMaoLiLv" label="维修毛利率" ></el-table-column>
      <el-table-column prop="baoYangDanCheChanZhi" label="保养单车产值" ></el-table-column>
    </el-table>
    <el-table :data="tableData" border style="width: 100%" :header-cell-style="headClass" :cell-style="rowClass">
      <el-table-column prop="jiXiuDanCheChanZhi" label="机修单车产值" ></el-table-column>
      <el-table-column prop="banPenDanCheChanZhi" label="钣喷单车产值" ></el-table-column>
      <el-table-column prop="xiMeiDanCheChanZhi" label="洗美单车产值" ></el-table-column>
      <el-table-column prop="baoXianShiGuCheDanCheChanZhi" label="保险事故车单车产值" ></el-table-column>
      <el-table-column prop="suoPeiZhaoHuiDanCheChanZhi" label="索赔&召回单车产值" ></el-table-column>
      <el-table-column prop="xinCheZhunBeiDanCheChanZhi" label="新车准备单车产值" ></el-table-column>
      <el-table-column prop="shouHouWeiXiuDanCheChanZhi" label="维修单车产值" ></el-table-column>
      <el-table-column prop="wu" label="进厂维修目标台次" ></el-table-column>
      <el-table-column prop="wu" label="进厂维修实际台次" ></el-table-column>
      <el-table-column prop="wu" label="进厂维修目标台次达成率" ></el-table-column>
    </el-table>
    <el-table :data="tableData" border style="width: 100%" :header-cell-style="headClass" :cell-style="rowClass">
      <el-table-column prop="wu" label="维修收入目标金额" ></el-table-column>
      <el-table-column prop="wu" label="维修收入实际金额" ></el-table-column>
      <el-table-column prop="wu" label="维修收入目标金额达成率" ></el-table-column>
      <el-table-column prop="wu" label="维修毛利目标率" ></el-table-column>
      <el-table-column prop="wu" label="维修毛利实际率" ></el-table-column>
      <el-table-column prop="wu" label="维修毛利目标达成率" ></el-table-column>
      <el-table-column prop="wu" label="预约维修台次" ></el-table-column>
      <el-table-column prop="wu" label="预约维修率" ></el-table-column>
      <el-table-column prop="wu" label="招揽回厂维修台次" ></el-table-column>
      <el-table-column prop="wu" label="招揽回厂维修率" ></el-table-column>
    </el-table>
    <el-table :data="tableData" border style="width: 100%" :header-cell-style="headClass" :cell-style="rowClass">
      <el-table-column prop="wu" label="客诉数量" ></el-table-column>
      <el-table-column prop="wu" label="客诉级别" ></el-table-column>
      <el-table-column prop="wu" label="客诉类别" ></el-table-column>
      <el-table-column prop="wu" label="客诉率" ></el-table-column>
      <el-table-column prop="wu" label="结案数量" ></el-table-column>
      <el-table-column prop="wu" label="结案率" ></el-table-column>
      <el-table-column prop="wu" label="" ></el-table-column>
      <el-table-column prop="wu" label="" ></el-table-column>
      <el-table-column prop="wu" label="" ></el-table-column>
      <el-table-column prop="wu" label="" ></el-table-column>
    </el-table>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        loging:false,//开启懒加载（禁止点击）
        none:false,//是否显示页面
        value1:null,
        form: {},
        shouhou: [],
        size: 'small',
        tableData: [{
            wu:'无',   
            
            
            jinChangTaiCiHeJi:0,               //2进厂台次合计
            baoYangJinChangTaiCi:0,            //3保养进厂台次
            jiDianJinChangTaiCi:0,             //4机电进厂台次
            banPenJinChangTaiCi:0,             //5钣喷进厂台次
            xiMeiJinChangTaiCi:0,              //6洗美进厂台次
            baoXianShiGuCheJinChangTaiCi:0,    //7保险事故车进厂台次
            suoPeiAndZhaoHuiNums:0,            //8索赔&召回台次
            mianJianJinChangNums:0,            //9免费检查台次
            xinCheZhunBeiNums:0,              //10新车准备台次
            baoYangJinChangZhanBi:0,          //11保养进厂占比
            jiDianJinChangZhanBi:0,           //12机电进厂占比
            banPenJinChangZhanBi:0,           //13 钣喷进厂占比
            xiMeiJinChangZhanBi:0,            //14 洗美进厂占比
            baoXianShiGuJinChangZhanBi:0,     //15 保险事故车进厂占比
            suoPeiAndZhaoHuiJinChangZhanBi:0, //16 索赔&召回占比
            mianJianZhanBi:0,                 //17 免费检查进厂占比
            xinCheZhunBeiZhanBi:0,            //18 新车准备台次占比
            peiJianShouRuZongJi:0,            //19 配件收入合计
            baoYangPeiJianPrice:0,            //20 保养配件收入
            jiDianPeiJianPrice:0,             //21 机电配件收入
            banPenPeiJianPrice:0,             //22 钣喷配件收入
            xiMeiPeiJianPrice:0,              //23 洗美配件收入
            baoXianShiGuChePeiJian:0,         //24 保险事故车配件收入
            suoPeiPeiJian:0,                  //25 索赔&召回配件收入
            xinCheZhunBeiPeiJian:0,           //26 新车准备配件收入
            gongShiShouRuZongJi:0,            //27 工时收入合计
            baoyangGongshiShouRu:0,           //28 保养工时收入
            jiDianGongshiShouRu:0,            //29 机电工时收入
            banPenGongshiShouRu:0,            //30 钣喷工时收入
            xiMeiGongshiShouRu:0,             //31 洗美工时收入
            baoXianShiGuCheGongShi:0,         //32 保险事故车工时收入
            suoPeiGongShi:0,                  //33 索赔&召回工时收入
            xinCheZhunBeiGongShi:0,           //34 新车准备工时收入
            ShouHouWeiXiuShouRuHeJi:0,        //35 售后维修收入合计
            baoYangHeJi:0,                    //36 保养收入合计
            jiDianHeJi:0,                     //37 机电收入合计
            banPenHeJi:0,                     //38 钣喷收入合计
            xiMeiHeJi:0,                      //39 洗美收入合计
            baoXianShiGuCheHeJi:0,            //40 保险事故车收入合计
            suoPeiZhaoHuiShouRuHeJi:0,        //41 索赔&召回收入合计
            xinCheZhunBeiShouRuHeji:0,        //42 新车准备收入合计
            baoYangShouRuZhanBi:0,            //43 保养收入占比
            jiDianShouRuZhanBi:0,             //44 机电收入占比
            banPenShouRuZhanBi:0,             //45 钣喷收入占比
            xiMeiShouRuZhanBi:0,              //46 洗美收入占比
            baoXianShiGuCheShouRuZhanBi:0,     //47 保险事故车收入占比
            suoPeiZhaoHuiShouRuZhanBi:0,      //48 索赔&召回收入占比
            xinCheZhunBeiShouRuZhanBi:0,      //49 新车准备收入占比
            peiJianShouRuZhanBi:0,            //50 配件收入占比
            gongShiShouRuZhanBi:0,            //51 工时收入占比
            peiJianChenBen:0,                 //52 配件成本合计
            gongShiChengBen:0,                //53  工时成本合计
            peiJianMaoLi:0,                   //54  配件毛利合计
            gongShiMaoLi:0,                   //55  工时毛利合计
            weiXiuChengBen:0,                 //56 维修成本合计
            weiXiuMaoLi:0,                    //57 维修毛利合计
            peiJianMaoLiLv:0,                 //58 配件毛利率
            gongShiMaoLiLv:0,                 //59 工时毛利率
            weiXiuMaoLiLv:0,                  //60 维修毛利率
            baoYangDanCheChanZhi:0,           //61 保养单车产值
            jiXiuDanCheChanZhi:0,             //62 机修单车产值
            banPenDanCheChanZhi:0,            //63 钣喷单车产值
            xiMeiDanCheChanZhi:0,             //64 洗美单车产值
            baoXianShiGuCheDanCheChanZhi:0,   //65 保险事故车单车产值
            suoPeiZhaoHuiDanCheChanZhi:0,     //66 索赔&召回单车产值
            xinCheZhunBeiDanCheChanZhi:0,     //67 新车准备单车产值
            shouHouWeiXiuDanCheChanZhi:0,     //68 维修单车产值

        }
        ]
      }
    },
    methods: {
      saveC() {
       this.loging = true
       //开始时间
       var y = this.value1[0].getYear()+1900
       var m = this.value1[0].getMonth()+1
       var d = this.value1[0].getDate()
       var s = this.value1[0].getHours()
       var f = this.value1[0].getMinutes()
       var miao  = this.value1[0].getSeconds()
       var startTime1=y+'-'+m+'-'+d+' '+  s+":"+f+":"+miao
       var startTime=startTime1.toString()
       //结束时间
       var y2 = this.value1[1].getYear()+1900
       var m2 = this.value1[1].getMonth()+1
       var d2 = this.value1[1].getDate()
       var s2 = this.value1[1].getHours()
       var f2 = this.value1[1].getMinutes()
       var miao2  = this.value1[1].getSeconds()
       var endTime1 = y2+'-'+m2+'-'+d2+' '+s2+":"+f2+":"+miao2
       var endTime=endTime1.toString()
       //2 进厂台次合计
       this.$ajax.post('aftersalefrontweixiu/jinChangTaiCiHeJi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
         var result = res.data
         this.tableData[0].jinChangTaiCiHeJi=result.data
       })
       //3 保养进厂台次
       this.$ajax.post('aftersalefrontweixiu/baoYangJinChangTaiCi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
         var result = res.data
         this.tableData[0].baoYangJinChangTaiCi=result.data
       })
       //4 机电进厂台次
       this.$ajax.post('aftersalefrontweixiu/jiDianJinChangTaiCi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
         var result = res.data
         this.tableData[0].jiDianJinChangTaiCi=result.data
       })
       //5 钣喷进厂台次
       this.$ajax.post('aftersalefrontweixiu/banPenJinChangTaiCi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
         var result = res.data
         this.tableData[0].banPenJinChangTaiCi=result.data
       })
       //6 洗美进厂台次
       this.$ajax.post('aftersalefrontweixiu/xiMeiJinChangTaiCi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
         var result = res.data
         this.tableData[0].xiMeiJinChangTaiCi=result.data
       })
      // 7 保险事故车进厂台次
      this.$ajax.post('aftersalefrontweixiu/baoXianShiGuCheJinChangTaiCi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].baoXianShiGuCheJinChangTaiCi=result.data
      })
      //8 索赔&召回台次
      this.$ajax.post('aftersalefrontweixiu/suoPeiAndZhaoHuiNums', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].suoPeiAndZhaoHuiNums=result.data
      })
      //9 免费检查台次
      this.$ajax.post('aftersalefrontweixiu/mianJianJinChangNums', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].mianJianJinChangNums=result.data
      })
      //10 新车准备台次
      this.$ajax.post('aftersalefrontweixiu/xinCheZhunBeiNums', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].xinCheZhunBeiNums=result.data
      })
      //11 保养进厂占比
      this.$ajax.post('aftersalefrontweixiu/baoYangJinChangZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].baoYangJinChangZhanBi=result.data
      })
      //12 机电进厂占比
      this.$ajax.post('aftersalefrontweixiu/jiDianJinChangZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].jiDianJinChangZhanBi=result.data
      })
      //13 钣喷进厂占比
      this.$ajax.post('aftersalefrontweixiu/banPenJinChangZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].banPenJinChangZhanBi=result.data
      })
      //14 洗美进厂占比
      this.$ajax.post('aftersalefrontweixiu/xiMeiJinChangZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].xiMeiJinChangZhanBi=result.data
      })
      //15 保险事故车进厂占比
      this.$ajax.post('aftersalefrontweixiu/baoXianShiGuJinChangZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].baoXianShiGuJinChangZhanBi=result.data
      })
      //16 索赔&召回占比
      this.$ajax.post('aftersalefrontweixiu/suoPeiAndZhaoHuiJinChangZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].suoPeiAndZhaoHuiJinChangZhanBi=result.data
      })
      //17 免费检查进厂占比
      this.$ajax.post('aftersalefrontweixiu/mianJianZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].mianJianZhanBi=result.data
      })
      //18 新车准备台次占比
      this.$ajax.post('aftersalefrontweixiu/xinCheZhunBeiZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].xinCheZhunBeiZhanBi=result.data
      })
      //19 配件收入合计
      this.$ajax.post('aftersalefrontweixiu/peiJianShouRuZongJi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].peiJianShouRuZongJi=result.data
      })
      //20 保养配件收入
      this.$ajax.post('aftersalefrontweixiu/baoYangPeiJianPrice', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].baoYangPeiJianPrice=result.data
      })
      //21 机电配件收入
      this.$ajax.post('aftersalefrontweixiu/jiDianPeiJianPrice', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].jiDianPeiJianPrice=result.data
      })
      // 22 钣喷配件收入
      this.$ajax.post('aftersalefrontweixiu/banPenPeiJianPrice', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].banPenPeiJianPrice=result.data
      })
      //23 洗美配件收入
      this.$ajax.post('aftersalefrontweixiu/xiMeiPeiJianPrice', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].xiMeiPeiJianPrice=result.data
      })
      //24 保险事故车配件收入
      this.$ajax.post('aftersalefrontweixiu/baoXianShiGuChePeiJian', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].baoXianShiGuChePeiJian=result.data
      })
      //25 索赔&召回配件收入
      this.$ajax.post('aftersalefrontweixiu/suoPeiPeiJian', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].suoPeiPeiJian=result.data
      })
      //26 新车准备配件收入
      this.$ajax.post('aftersalefrontweixiu/xinCheZhunBeiPeiJian', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].xinCheZhunBeiPeiJian=result.data
      })
      //27 工时收入合计
      this.$ajax.post('aftersalefrontweixiu/gongShiShouRuZongJi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].gongShiShouRuZongJi=result.data
      })
      //28 保养工时收入
      this.$ajax.post('aftersalefrontweixiu/baoyangGongshiShouRu', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].baoyangGongshiShouRu=result.data
      })
      //29 机电工时收入
      this.$ajax.post('aftersalefrontweixiu/jiDianGongshiShouRu', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].jiDianGongshiShouRu=result.data
      })
      //30 钣喷工时收入
      this.$ajax.post('aftersalefrontweixiu/banPenGongshiShouRu', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].banPenGongshiShouRu=result.data
      })
      //31 洗美工时收入
      this.$ajax.post('aftersalefrontweixiu/xiMeiGongshiShouRu', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].xiMeiGongshiShouRu=result.data
      })
      //32 保险事故车工时收入
      this.$ajax.post('aftersalefrontweixiu/baoXianShiGuCheGongShi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].baoXianShiGuCheGongShi=result.data
      })
      //33 索赔&召回工时收入
      this.$ajax.post('aftersalefrontweixiu/suoPeiGongShi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].suoPeiGongShi=result.data
      })
      //34 新车准备工时收入
      this.$ajax.post('aftersalefrontweixiu/xinCheZhunBeiGongShi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].xinCheZhunBeiGongShi=result.data
      })
      //35 售后维修收入合计
      this.$ajax.post('aftersalefrontweixiu/ShouHouWeiXiuShouRuHeJi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].ShouHouWeiXiuShouRuHeJi=result.data
      })
      //36 保养收入合计
      this.$ajax.post('aftersalefrontweixiu/baoYangHeJi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].baoYangHeJi=result.data
      })
      //37 机电收入合计
      this.$ajax.post('aftersalefrontweixiu/jiDianHeJi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].jiDianHeJi=result.data
      })
      //38 钣喷收入合计
      this.$ajax.post('aftersalefrontweixiu/banPenHeJi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].banPenHeJi=result.data
      })
      //39 洗美收入合计
      this.$ajax.post('aftersalefrontweixiu/xiMeiHeJi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].xiMeiHeJi=result.data
      })
      //40 保险事故车收入合计
      this.$ajax.post('aftersalefrontweixiu/baoXianShiGuCheHeJi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].baoXianShiGuCheHeJi=result.data
      })
      //41 索赔&召回收入合计
      this.$ajax.post('aftersalefrontweixiu/suoPeiZhaoHuiShouRuHeJi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].suoPeiZhaoHuiShouRuHeJi=result.data
      })
      // 42 新车准备收入合计
      this.$ajax.post('aftersalefrontweixiu/xinCheZhunBeiShouRuHeji', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].xinCheZhunBeiShouRuHeji=result.data
      })
      //43 保养收入占比
      this.$ajax.post('aftersalefrontweixiu/baoYangShouRuZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].baoYangShouRuZhanBi=result.data
      })
      //44 机电收入占比
      this.$ajax.post('aftersalefrontweixiu/jiDianShouRuZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].jiDianShouRuZhanBi=result.data
      })
      //45 钣喷收入占比
      this.$ajax.post('aftersalefrontweixiu/banPenShouRuZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].banPenShouRuZhanBi=result.data
      })
      //46 洗美收入占比
      this.$ajax.post('aftersalefrontweixiu/xiMeiShouRuZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].xiMeiShouRuZhanBi=result.data
      })
      //47 保险事故车收入占比
      this.$ajax.post('aftersalefrontweixiu/baoXianShiGuCheShouRuZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].baoXianShiGuCheShouRuZhanBi=result.data
      })
      //48 索赔&召回收入占比
      this.$ajax.post('aftersalefrontweixiu/suoPeiZhaoHuiShouRuZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].suoPeiZhaoHuiShouRuZhanBi=result.data
      })
      //49 新车准备收入占比
      this.$ajax.post('aftersalefrontweixiu/xinCheZhunBeiShouRuZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].xinCheZhunBeiShouRuZhanBi=result.data
      })
      //50 配件收入占比
      this.$ajax.post('aftersalefrontweixiu/peiJianShouRuZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].peiJianShouRuZhanBi=result.data
      })
      //51 工时收入占比
      this.$ajax.post('aftersalefrontweixiu/gongShiShouRuZhanBi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].gongShiShouRuZhanBi=result.data
      })
      //52 配件成本合计
      this.$ajax.post('aftersalefrontweixiu/peiJianChenBen', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].peiJianChenBen=result.data
      })
      //53  工时成本合计
      this.$ajax.post('aftersalefrontweixiu/gongShiChengBen', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].gongShiChengBen=result.data
      })
      //54  配件毛利合计
      this.$ajax.post('aftersalefrontweixiu/peiJianMaoLi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].peiJianMaoLi=result.data
      })
      //55  工时毛利合计
      this.$ajax.post('aftersalefrontweixiu/gongShiMaoLi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].gongShiMaoLi=result.data
      })
      //56 维修成本合计
      this.$ajax.post('aftersalefrontweixiu/weiXiuChengBen', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].weiXiuChengBen=result.data
      })
      //57 维修毛利合计
      this.$ajax.post('aftersalefrontweixiu/weiXiuMaoLi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].weiXiuMaoLi=result.data
      })
      //58 配件毛利率
      this.$ajax.post('aftersalefrontweixiu/peiJianMaoLiLv', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].peiJianMaoLiLv=result.data
      })
      //59 工时毛利率
      this.$ajax.post('aftersalefrontweixiu/gongShiMaoLiLv', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].gongShiMaoLiLv=result.data
      })
      //60 维修毛利率
      this.$ajax.post('aftersalefrontweixiu/weiXiuMaoLiLv', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].weiXiuMaoLiLv=result.data
      })
      //61 保养单车产值
      this.$ajax.post('aftersalefrontweixiu/baoYangDanCheChanZhi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].baoYangDanCheChanZhi=result.data
      })
      //62 机修单车产值
      this.$ajax.post('aftersalefrontweixiu/jiXiuDanCheChanZhi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].jiXiuDanCheChanZhi=result.data
      })
      //63 钣喷单车产值
      this.$ajax.post('aftersalefrontweixiu/banPenDanCheChanZhi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].banPenDanCheChanZhi=result.data
      })
      //64 洗美单车产值
      this.$ajax.post('aftersalefrontweixiu/xiMeiDanCheChanZhi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].xiMeiDanCheChanZhi=result.data
      })
      //65 保险事故车单车产值
      this.$ajax.post('aftersalefrontweixiu/baoXianShiGuCheDanCheChanZhi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].baoXianShiGuCheDanCheChanZhi=result.data
      })
      //66 索赔&召回单车产值
      this.$ajax.post('aftersalefrontweixiu/suoPeiZhaoHuiDanCheChanZhi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].suoPeiZhaoHuiDanCheChanZhi=result.data
      })
      //67 新车准备单车产值
      this.$ajax.post('aftersalefrontweixiu/xinCheZhunBeiDanCheChanZhi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].xinCheZhunBeiDanCheChanZhi=result.data
      })
      //68 维修单车产值
      this.$ajax.post('aftersalefrontweixiu/shouHouWeiXiuDanCheChanZhi', {"id":this.form.userId,"beginDate":startTime,"endDate":endTime}).then(res => {
        var result = res.data
        this.tableData[0].shouHouWeiXiuDanCheChanZhi=result.data
      })



      this.none =true
      setTimeout(()=>{
        this.loging = false
      },2000)

      },
    /*  //获取售后部所有人员
      getShouHou() {
        this.$ajax.post('AccessoriesChannels/findShouHou', {}).then(res => {
          var result = res.data
          this.shouhou = result.data
          //console.log(this.shouhou)
        })
      }, */
      //获取销售部所有人员
      getShouHou() {
        this.$ajax.post('AfterSaleTargetZ2Controller/findxiaoShou', {}).then(res => {
          var result = res.data
          this.shouhou = result.data
          //console.log(this.shouhou)
        })
      },
      //行和列的样式
        headClass () {
          return 'text-align: center;background:#eef1f6;'
        },
        rowClass () {
            return 'text-align: center;'
        }
    },
    created() {
      this.getShouHou()
    }
  }
</script>

<style>
  .el-table .warning-row {
    background: oldlace;
  }

  .el-table .success-row {
    background: #f0f9eb;
  }
  .el-table__row:hover > td {
      background-color: #ffffff !important;

  }
  .el-table__row--striped:hover > td {

      background-color: #fafafa !important;
  }
  .none{
    display: none;
  }
</style>
